.agm-box {
    margin-bottom:20px;
    min-height:50px;
    background:#CCC;
  }
  .agm-intro a {
    color: #fff;
    text-decoration: underline;
  }
  .agm-intro {
        padding: 30px;
        font-size: 16px;
        color: #fff;
        line-height: 1.5;
        background: linear-gradient(to bottom, #666, #0094deb3), url(/site/media/14/intro-bg.png);
        overflow: hidden;
        background-position: left bottom;
        min-height: 391px;
        background-size: cover;
        /* background-size: 100%; */

  }
  .agm-intro h2 {
      color: rgba(255,255,255,1);
      padding-bottom: 20px;
      margin-bottom: 20px;
      font-size: 24px;
      line-height: 1.2;
    border-bottom: 2px solid #fff;
    padding-top: 30px;
  }
  .agm-date {
      min-height: 391px;
    background: #0094de;
    padding:30px;
  }
  .agm-date-num-box {
    background:rgba(255,255,255,0.2);
    text-align: center;
    padding:20px;
    color:#FFF;
  }
  .agm-day {
    font-size:22px;
    line-height:1;
  }
  .agm-month {
    font-size:22px;
    line-height:1;
  }
  .agm-numeric sup {
    position: relative;
    top:-13px;
  }
  .agm-numeric {
      font-size: 60px;
      font-weight: bold;
      line-height: 1;
  }
  a.agm-button {
      background: rgba(0, 0, 0, 0.2);
      color: #FFF;
      font-size: 16px;
      padding: 10px 20px;
      position: absolute;
      bottom: 30px;
      display:block;
      width:197px;
      text-align: center;
  }



  .agm-box {
    position:relative;

  }


  .agm-box img{
      box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
      margin-bottom:20px;
  }
  .agm-time {
      position: relative;
      width: 110px;
      margin: 0 auto;

      transform: translate(18px, 0px);
  }
  .agm-time .fa-clock {
      color: rgba(255, 255, 255, 0.48);
      font-size: 30px;
      position: absolute;
      left: -65px;
      top:5px;
  }
  .agm-time-text {

      text-align: center;
      font-size: 16px;
    width: 110px;
    line-height: 1.8;
  }
  .agm-time-text span {
    font-size:22px;
    color:#FFF;
    position: absolute;
    top: -5px;
    left: 70px;
    width: 100%;
  }
  /* .agm-list li {
    position: relative;
    list-style-type: none;
  }
  .agm-list li:before {
      content: '\f0da';
      color: #5bb63e;
      font-family: FontAwesome;
      position: absolute;
      top: 0;
      left: -12px;
  } */
  .agm-box h3 {
    color:#FFF;
    color: rgba(255,255,255,1);
    border-bottom: 2px solid rgba(255,255,255);
    padding-bottom: 15px;
    margin-bottom: 10px;
    font-size:20px;
  }
  .agm-box:hover {
    transition: all 0.3s;
      /* transform: scale(1.03); */
    box-shadow:0px 1px 5px rgba(0,0,0,0.3);
    /* opacity:0.9; */
  }
  .agm-box {
    transition: all 0.1s;
    padding:30px;
    font-size:16px;
    color:#FFF;

  }
  .agm-box p {
    color:#FFF;
  }
  .agm-ar {
      background: rgba(90, 189, 40, 0.18);
      border:3px solid #0094de;
  }
  .agm-notice {
      background: #a3a4a4;
  }
  .agm-proxy {
      background: #6e7070;
  }
  .agm-points {
    background: #6e7070;
    min-height: auto;
  }
  .agm-asx {
    background: #0094de;
  }
  .agm-sub {
    background: #0094de;
  }
  .agm-sp {
    background: #a3a4a4;
  }
  .agm-contact {
      background: #6e7070;
  }
  .agm-ar img {
    text-align: center;
  }
  .agm-ar,
  .agm-notice,
  .agm-proxy
  {
    padding-bottom:80px;
  }
  .agm-center {
    text-align: center;
  }
  #load-agm-asx tbody {
    background:transparent;
  }
  #load-agm-asx .articleDate {
      color: #d0d0d0;
  }
  #load-agm-asx a {
    font-weight:bold;
    color:#FFF;
    font-size: 16px;
  }
  .agm-asx {
      background:linear-gradient(#0094de 30%,rgb(110 112 112)), url(/site/media/13/hbb4.jpg) 0px 0px no-repeat;
      min-height: auto;
      background-size: cover;
      padding-bottom: 75px;
  }
  .agm-sub {
    position:relative;
  }
  .agm-button-text {
    position: absolute;
        top: 39px;
        left: 95px;
        font-size: 20px;
  }
  .clickable {
    cursor:pointer;
  }
  .agm-ar h3 {
      color: #0094de;
      border-bottom: 1px solid #0094de;
  }
  .agm-ar {
      background: #fff;
      border: 1px solid #0094de;
  }
  .agm-ar a.agm-button {
    background: #c56337;
    display: block;
    width: 100%;
    max-width: 273px;
    margin: auto;
  }
  .agm-notice {
      background: #ffffff;
      border: 1px solid #0094de;
  }
  .agm-notice a.agm-button {
    background: #c56337;
    display: block;
    width: 100%;
    max-width: 273px;
    margin: auto;
  }
  .agm-notice h3 {
      color: #0094de;
      border-bottom: 1px solid #0094de;
  }
  .agm-proxy {
      background: #FFF;
      border: 1px solid #0094de;
  }
  .agm-proxy a.agm-button {
    background: #c56337;
    display: block;
    width: 100%;
    max-width: 273px;
    margin: auto;
  }
  .agm-proxy h3 {
      color: #0094de;
      border-bottom: 1px solid #0094de;
  }
  .agm-sub:hover,
  .agm-sp:hover,
  .agm-contact:hover
  {
    opacity:0.9;
  }
  a.agm-button:hover {
    opacity:0.9;
    box-shadow:0px 1px 2px rgba(255,255,255,0.1;)
  }

  @media(max-width:1180px) {
    a.agm-button {
        width:auto;
    }
  }
  @media(max-width:1024px) {
    .agm-asx {
        min-height: auto;
    }
  }
  .agm-date-num-box {
      overflow: hidden;
      max-width: 210px;
      margin-top: 20px;
  }
  #load-agm-key-date td:nth-child(2),
  #load-agm-key-date td:nth-child(3),
  #load-agm-key-date td:nth-child(4),
  #load-agm-key-date td:nth-child(5)
  {
    display:none;
  }
  #load-agm-key-date {
    text-align: center;
    padding-left: 13px;
  }
  #load-agm-key-date b {
      font-size: 60px;
      font-weight: bold;
      line-height: 1;
  }
  .agm-asx .list-item {
      padding: 10px 0;
      border-top: 0px solid #efefef;
      border-bottom: 0px solid #efefef;
  }
  .agm-date-num-box {
      position: relative;
      overflow: hidden;
      max-width: 210px;
      margin-top: 30px;
      padding: 40px 20px;
  }
  .agm-date-num-box .fa-clock {
      position: absolute;
      bottom: -27px;
      left: -16px;
      color: #0094de;
  }

  .agm-asx .list-item:nth-child(n+4) {
    display:none;

}



  .agm-box.agm-date a.agm-button {
      background: rgba(0, 0, 0, 0.2);
      color: #FFF;
      font-size: 23px;
      padding: 10px 20px;
      position: absolute;
      bottom: 30px;
      display: block;
      width: 277px;
      text-align: center;
      border: 2px solid #8bd663;
  }


  .agm-box.agm-date h4 {
      color: #FFF;
      margin-top:1.5rem;
      font-size:2rem;
  }




  time.icon
  {

      font-size: 1em;
      display: block;
      position: relative;
    width: 10em;
    height: 10em;
      background-color: #fff;
      margin: 2em auto;
      border-radius: 0.4em;
      box-shadow: 0 1px 0 #aaabac, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #6e7070;
      overflow: hidden;
      -webkit-backface-visibility: hidden;
      -webkit-transform: rotate(
  0deg
  ) skewY(
  0deg
  );
      -webkit-transform-origin: 50% 10%;
      transform-origin: 50% 10%;
  }

  time.icon *
  {
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: center;
  }

  time.icon strong
  {
    position: absolute;
    top: 0;
    padding: 0.4em 0;
    color: #fff;
    background-color: #c56337;
    border-bottom: 1px dashed #c56337;
    box-shadow: 0 2px 0 #bec7cb;
    font-size: 24px;
  }

  time.icon em
  {
      position: absolute;
      bottom: 0.1em;
      color: #6e7070;
  }

  time.icon span
  {
    width: 100%;
    font-size: 3.5em;
    letter-spacing: -0.05em;
    padding-top: 1em;
    color: #2f2f2f;
  }

  time.icon:hover, time.icon:focus
  {
    -webkit-animation: swing 0.6s ease-out;
    animation: swing 0.6s ease-out;
  }

  @-webkit-keyframes swing {
    0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
    20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
    60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
    80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
    100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
  }

  @keyframes swing {
    0%   { transform: rotate(0deg)  skewY(0deg); }
    20%  { transform: rotate(12deg) skewY(4deg); }
    60%  { transform: rotate(-9deg) skewY(-3deg); }
    80%  { transform: rotate(6deg)  skewY(-2deg); }
    100% { transform: rotate(0deg)  skewY(0deg); }
  }


  a.join-now{

      background: var(--orange);
      color: #FFF;
      font-size: 16px;
      padding: 10px 10px;
      display: block;
      margin: 0 auto;
      width: 157px;
      text-align: center;
      border: 2px solid #0094de;
      margin-top: 20px;
  }

  #load-agm-asx .list-item:nth-child(n+7){
    display:none;
  }

  #load-agm-asx .list-item .list-date {
    font-size: 14px;
    color: #cdd2e5;
  }

  .agm-list{
    margin:0;
    padding:0;
  }

  .agm-list li {
    /*margin-bottom: 18px;
    list-style-type: none;*/
    color:#fff;
    line-height: 1.6;
  }

  .agm-list li:nth-child(n+11){
   /* display:none;*/
    list-style-type: none;
  }

  .agm-list.expand li{
    display:block!important;
    list-style-type: none;
  }

  .agm-list.expand{
    list-style-type: none;
  }

  a.btn-expand {
    color: #0094de;
  }


  #load-agm-asx .list-title {
    height: auto;
    overflow: hidden;
  }
  .agm-box.agm-date {
    text-align: center;
}
.agm-home-button {
    background: #c56337 !important;
    font-size: 20px !important;
    margin-top: 30px;
}
a.cta-btn.button.blue-button {
    margin-top: 35px;
}
a.cta-btn.button.agm-home-button:hover {
    color: #0094de;
    background: #fff !important;
}
.title-top h2 {
    position: absolute;
    z-index: 99;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 37px;
    top: 20px;
}
.title-top h2 span{
    padding-left: 15px;
}
.title-top {
    width: 100%;
    position: relative;
}
.agm-box.agm-date h2 {
    color: rgba(255,255,255,1);
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.2;
    border-bottom: 2px solid #fff;
    padding-top: 30px;
}
.report-section {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
.agm-box.agm-asx {
    margin-top: -20px;
}
/* div#load-agm-asx .list-item:nth-of-type(3) {
    margin-right: 0px;
}

div#load-agm-asx .list-item:nth-of-type(1) {
    margin-left: 0px;
}
div#load-agm-asx .list-item {
    width: 30%;
    float: left;
    margin: 0px 20px;
}
div#load-agm-asx {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 45px;
} */
.agm-box.agm-points {
    padding: 30px 30px 60px;
}
.agm-box.agm-asx .agm-num-button a {
    width: 100%;
    max-width: 200px;
    left: 38%;
}
/* div#load-agm-asx .list-item:hover {
    border-bottom: 1px solid #fff;
} */
  @media (max-width:1024px){
	.title-top h2 {
		font-size: 32px;
	}
	.agm-points {
		min-height: auto;
	}
	div#load-agm-asx .list-item {
		width: 29%;
	}
  }
  @media (max-width:768px){
	.agm-asx {
		padding-bottom: 72px;
	}
	.agm-points {
		min-height: auto;
	}
  }
  @media (max-width:640px){
	.agm-ar h3 {
		min-height: auto;
	}
	.agm-box.agm-date {
		padding-top: 120px;
	}
	.agm-notice a.agm-button, .agm-proxy a.agm-button, .agm-ar a.agm-button{
		background: #c56337;
		display: block;
		width: 100%;
		max-width: 100%;
		margin: auto;
		position: relative;
		margin-top: 40px;
	}
	.agm-box.agm-notice, .agm-box.agm-proxy, .agm-box.agm-ar {
		padding-bottom: 0px;
	}
	.agm-points {
		min-height: auto;
	}
	div#load-agm-asx .list-item {
		width: 100%;
		float: unset;
		margin: 0px;
	}
	.agm-box.agm-asx .agm-num-button a {

		left: unset;
	}
  }